<template>
       <div class="device_info" v-if="deviceInfoShow">
    <div class="block">
      <div class="device_title">
        <span>设备详情</span>
        <img @click.stop="$emit('update:deviceInfoShow',false)" src="static/image/screen/popup_close.png" />
      </div>
      <div class="info_content">
        <div class="info">
          <div class="info_item">
            <span>主机名</span>
            <span>{{
                  deviceInfo.HostName ? deviceInfo.HostName : "暂无"
                }}</span>
          </div>
          <div class="info_item">
            <span>系统版本</span>
            <span>{{
                  deviceInfo.WindowsOS ? deviceInfo.WindowsOS : "暂无"
                }}</span>
          </div>
          <div class="info_item">
            <span>MAC地址</span>
            <span>{{
                  deviceInfo.MACAddress ? deviceInfo.MACAddress : "暂无"
                }}</span>
          </div>
          <div class="info_item">
            <span>处理器</span>
            <span>{{ deviceInfo.CPU ? deviceInfo.CPU : "暂无" }}</span>
          </div>
        </div>
        <div class="info">
          <div class="info_item">
            <span>主板</span>
            <span>{{
                  deviceInfo.MainBoard ? deviceInfo.MainBoard : "暂无"
                }}</span>
          </div>
          <div class="info_item">
            <span>存储器</span>
            <span>{{ deviceInfo.Memory ? deviceInfo.Memory : "暂无" }}</span>
          </div>
          <div class="info_item">
            <span>主硬盘</span>
            <span>{{
                  deviceInfo.HardDisk ? deviceInfo.HardDisk : "暂无"
                }}</span>
          </div>
          <div class="info_item">
            <span>显卡</span>
            <span>{{
                  deviceInfo.VideoCard ? deviceInfo.VideoCard : "暂无"
                }}</span>
          </div>
          <div class="info_item">
            <span>网卡</span>
            <span>{{
                  deviceInfo.NetWorkCard ? deviceInfo.NetWorkCard : "暂无"
                }}</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
           
<script>
export default {
  props: ["deviceInfoShow",'deviceInfo'],
};
</script>
<style scoped>
</style>